<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>易掌店</title>

		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="../../assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../assets/font-awesome/4.5.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="../../assets/icon/style.css" />

		<!-- page specific plugin styles -->

		<!-- text fonts -->
		<link rel="stylesheet" href="../../assets/css/fonts.googleapis.com.css" />

		<!-- ace styles -->
		<link rel="stylesheet" href="../../assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />

		<!--[if lte IE 9]>
		<link rel="stylesheet" href="../../assets/css/ace-part2.min.css" class="ace-main-stylesheet"/>
		<![endif]-->
		<link rel="stylesheet" href="../../assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="../../assets/css/ace-rtl.min.css" />

		<link rel="stylesheet" type="text/css" href="../../styles/shop/zonghe1.css" />
		<!--[if lte IE 9]>
		<link rel="stylesheet" href="../../assets/css/ace-ie.min.css"/>
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->
		<script src="../../assets/js/ace-extra.min.js"></script>

		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

		<!--[if lte IE 8]>
		<script src="../../assets/js/html5shiv.min.js"></script>
		<script src="../../assets/js/respond.min.js"></script>
		<![endif]-->

		<!--<link rel="stylesheet" href="../../styles/indexindex.css">-->

		<!--
        	待定时发送
       -->
		<link rel="stylesheet" type="text/css" href="../../styles/shop/moban.css" />
		<link rel="stylesheet" type="text/css" href="../../styles/shop/bianjiduanxin.css" />
		<style type="text/css">

		</style>
	</head>

	<body class="no-skin">
		<div id="navbar" class="navbar navbar-default ace-save-state">
			<div class="navbar-container ace-save-state" id="navbar-container">
				<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
					<span class="sr-only">Toggle sidebar</span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>
				</button>

				<div class="navbar-header pull-left">
					<a href="index.html" class="navbar-brand">
						<i class="fa fa-shopping-bag nav-height64"></i>
						<small class="nav-header-large-label">易掌店</small> <small class="nav-header-small-label">小门店 大生意</small>
					</a>
				</div>

				<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav padding-tb10">
						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon glyphicon glyphicon-repeat nav-height64"></i>
							</a>
						</li>

						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon fa fa-envelope icon-animated-bell nav-height64"></i>
								<span class="badge badge-pink">8</span>
							</a>
						</li>

						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon glyphicon glyphicon-user nav-height64"></i>
							</a>
						</li>

						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon fa fa-circle-o-notch nav-height64"></i>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!-- /.navbar-container -->
		</div>

		<div class="main-container ace-save-state" id="main-container">
			<script type="text/javascript">
				try {
					ace.settings.loadState('main-container')
				} catch(e) {}
			</script>

			<div id="sidebar" class="sidebar responsive ace-save-state">
				<script type="text/javascript">
					try {
						ace.settings.loadState('sidebar')
					} catch(e) {}
				</script>

				<div class="nav-aside padding-left5">
					<div class="nav-aside-header">
						<a href="#" class="pull-left font-size20">
							<i class="fa fa-home"></i>
						</a>
						<span>2016年12月01日 星期六</span>
						<a href="#" class="pull-right font-size18 sidebar-collapse">
							<i class="fa fa-navicon"></i>
						</a>
					</div>
					<div class="row-with-shop-icon">
						<div class="icon-left"></div>
						<div class="content-right">
							<h2>易掌便利店</h2>
							<p><i class="icomoon-The-shop-assistant"></i><em>张亮</em><i class="icomoon-male"></i></p>
							<p><i class="icomoon-view"></i><time>2016-11-17 12:00</time></p>
							<div class="yzd-button">交班</div>
						</div>
					</div>
					<div class="nav-aside-menus">
						<ol class="yzd-left-menu-bg-row">
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-money"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div>收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-car"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div class="col-xs-12">收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-People"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div class="col-xs-12">收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-shop"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div class="col-xs-12">收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>
								</div>
							</li>
						</ol>
					</div>
					<div class="nav-aside-menus">
						<div class="row-with-show-calendar">
							<span class="yzd-high-light-label">店庆日</span>
							<time class="ydz-shop-time">2月20日 星期日</time>
							<span class="ydz-shop-calendar">
								<i class="icomoon-editor"></i>
								<span class="ringing-bell"><span class="ringing-bell-badge">9</span><span class="icomoon-bell"></span></span>
							</span>
						</div>
					</div>
					<div class="row-with-balance">
						<div class="row-balance-left">
							<h2 class="balance-amount">88828.99</h2>
							<p class="balance-label">本月支出</p>
						</div>
						<div class="row-balance-right raise-arrow"></div>
					</div>
					<div class="help-btns">
						<span class="help-center">
							帮助中心
						</span>
						<span class="icomoon-radio"></span>
						<span class="icomoon-teasing"></span>
						<span class="icomoon-mysterious"></span>
					</div>
					<div class="shop-radio">
						<i class="icomoon-radio"></i>
						<span class="shop-radio-content">今天店里销量最好的商品是</span>
					</div>
					<div class="nav-aside-footer"></div>
				</div>
			</div>

			<div class="main-content">
				<div class="main-content-inner" id="recent-box">

					<div class="breadcrumbs ace-save-state breadcrumbs-fixed" id="breadcrumbs">
						<div class="widget-header transparent no-padding-left">
							<a class="pull-left icon-arrow-right" id="moreTab">
								<i class="ace-icon fa fa-angle-left bigger"></i>
							</a>
							<div class="widget-toolbar no-border pull-left no-padding-left">
								<ul class="nav nav-tabs" id="recent-tab">
									<li class="active">
										<a data-toggle="tab" href="#tab-index">首页</a>
									</li>
									<li>
										<a data-toggle="tab" href="#tab-settings">设置</a>
									</li>
								</ul>
							</div>
						</div>
					</div>

					<div class="page-content">
						<div class="widget-body">
							<div class="widget-main no-padding">
								<div class="tab-content no-padding" id="tab-content">
									<div id="tab-index" class="tab-pane active">
										<!-- 从这开始 -->
										<div class="dai">
											<div class="xitotongzhi">
												<span>
                                        			系统通知：
                                        		</span> 在这里您可以管理您的营销短信。您可以通过筛选搜索来选定您要进行营销的对象会员，还可以设定直接发送或定时发送
												<a href="#">不再提醒</a>
											</div>
											<div class="nav">
												<ul class="nav nav-tabs padding-18 tab-size-bigger" id="myTab">
													<li>
														<a data-toggle="tab" href="#faq-tab-1">
															编写短信
														</a>
													</li>

													<li>
														<a data-toggle="tab" href="#faq-tab-2">
															待定时发送
														</a>
													</li>

													<li class="active">
														<a data-toggle="tab" href="#faq-tab-3">
															已发送
														</a>
													</li>
													<li id="nav-imgs">
														<img src="../../images/shop/gushi.png" class="firstImg">
														<img src='../../images/shop/shezhi.png'>
													</li>
												</ul>
											</div>
											<div class="tab_di">
												<div class="goumai">
													<span>
														您当前账号剩余短信条数<a>888</a>条
													</span>
													<button>
														购买短信
													</button>
												</div>
												<div class="bian-fen">
													<span>
												   	   	         短信编辑区
												   	   </span>
													<span>
												   	   	           已收藏短信模板
												   	   </span>
												</div>
												<div class="left-bian">
													<div>
														<div>
															<span class="fa-bian">
												   			发送对象:
												   		</span>
															<div class="tags">
																<span class="tag">小王 
																<button type="button" class="close">×</button>
															</span>
																<span class="tag">小王<button type="button" class="close">×</button>
																
															</span><input type="text" name="tags" id="form-field-tags" value="Tag Input Control" placeholder="Enter tags ..." style="display: none;">

															</div>
															<a href="#" class="btn btn-app btn-primary no-radius">

																选择会员
															</a>
														</div>
														<div class="fa-bian" style="float: left;">
															短信内容 :
														</div>
														<div>
															<textarea name="content" data-provide="markdown" data-iconlibrary="fa" rows="10" class="md-input" style="resize: none;">请在这里输入短信内容……
															     
												   		    </textarea>
														</div>

														<div class="nav-ce">
															<ul class="ce-nav">
																<li><img src="../../images/shop/baixin.png" /></li>
																<li><img src="../../images/shop/fu.png" /></li>
																<li><img src="../../images/shop/shan.png" /></li>
																<li><img src="../../images/shop/shou.png" /></li>
																<li><img src="../../images/shop/youhui.png" /></li>
															</ul>
															<div class="cont-p">
																<p style="top: 3px;">已收藏的</p>
																<p style="top: 54px;">祝福短信模板</p>
																<p style="top: 104px;">营销短信模板</p>
																<p style="top: 154px;">易掌店短信模板</p>
																<p style="top: 204px;" class="active-ce">发放优惠劵短信</p>
															</div>

														</div>
														<script type="text/javascript">
															$('.ce-nav li').mouseover(function() {
																//console.log($('ce-nav li'));
																index = ($(this).index());
																$('.cont-p p').eq(index).addClass('active-ce').siblings().removeClass('active-ce');
															});
														</script>
														<div style="clear: both;">

														</div>
														<div class="qian-bian">
															<p>
																当前还可以输入
																<a>58</a>个字 按
																<a>1</a>条计费
																<img src="../../images/shop/1w.png" style="width:6%;" class="w" />
																<span class="wntan">
																	问题
																</span></p>
															<p class="qian">
												   		    	 	短信签名：
												   		    	 	<input type="text" name="" id="" placeholder="请输入2-8个字符" />
												   		    	 	<img src="../../images/shop/1w.png" style="width:6%;" class="w" />
																<span class="wntan1">
																	问题
																</span>
															</p>
														</div>
														<script type="text/javascript">
															//问号显示内容
															$(".w").on('mouseover', function() {
																//console.log($(".w"))
																$(this).next().css({
																	display: "block"
																})
															}).on('mouseout', function() {
																$(this).next().css({
																	display: "none"
																})
															})
														</script>
													</div>
													<div style="margin-top:20px;padding-top: 10px;">
														<div style="width:100%;">
															<span class="fa-bian" style="float: left;">
												   			      发送时间:
												   		    </span>
															<label style="float: left;">
														<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty" type="checkbox">
														<span class="lbl"></span>
													</label>
														</div>
														<div class="input-group" style="float: right;width:70%;">

															<input class="form-control input-mask-product" type="text" id="form-field-mask-3" placeholder="2017-01-08">
															<span><input type="text" placeholder="28"  class="bootstrap-timepicker-hour" maxlength="2" style="width: 25px;height: 20px;margin-left: 5px;margin-right: 2px;"></span>
															<span class="separator">:</span>
															<span><input type="text" placeholder="01"  class="bootstrap-timepicker-minute" maxlength="2"  style="width: 25px;height: 20px;margin-left: 2px;"></span>
															<b style="color:#CCCCCC; font-size:400;margin-left:10px;">请选择发送时间：15天内，09:00~18:00）</b>
														</div>
													</div>

													<div class="lable-bian">
														<label>
															<input name="form-field-checkbox" type="checkbox" class="ace">
															<span class="lbl">我已阅读并同意
																<a href="#">
																	《短信发送条》
																</a>
															</span>
													    </label>
														<button type="button" class="btn btn-white btn-primary">收藏至模板</button>
														<a href="#" class="btn btn-app btn-primary no-radius">
															发送
														</a>
													</div>
												</div>
												<div class="right-huiyuan">
													<table id="simple-table" class="table  table-bordered table-hover">
														<tbody>
															<tr>
																<td>
															     <i class="ace-icon glyphicon glyphicon-trash"></i>
														        </td>

																<td>
																	亲爱的【会员名称】【先生/女士】：上次一别已经两个月未见，欢迎进店小酌咖啡一杯，【店铺名称】希望聆听您最近发生的。
																</td>

																
															</tr>
															<tr>
																<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>

																<td>
																	亲爱的【会员名称】【先生/女士】：上次一别已经两个月未见，欢迎进店小酌咖啡一杯，【店铺名称】希望聆听您最近发生的。
																</td>

																

															</tr>
															<tr>
																<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>

																<td>
																	亲爱的【会员名称】【先生/女士】：上次一别已经两个月未见，欢迎进店小酌咖啡一杯，【店铺名称】希望聆听您最近发生的。
																</td>

																

															</tr>
															<tr>
																<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>

																<td>
																	亲爱的【会员名称】【先生/女士】：上次一别已经两个月未见，欢迎进店小酌咖啡一杯，【店铺名称】希望聆听您最近发生的。
																</td>


															</tr>
															<tr>
																<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>

																<td>
																	亲爱的【会员名称】【先生/女士】：上次一别已经两个月未见，欢迎进店小酌咖啡一杯，【店铺名称】希望聆听您最近发生的。
																</td>


															</tr>
															<tr>
																<td>
															<i class="ace-icon glyphicon glyphicon-trash" ></i>
														</td>

																<td>
																	亲爱的【会员名称】【先生/女士】：上次一别已经两个月未见，欢迎进店小酌咖啡一杯，【店铺名称】希望聆听您最近发生的。
																</td>

															</tr>

														</tbody>
													</table>

													<div style="padding-bottom: 30px;">
														<a href="#" class="btn btn-default btn-app radius-4" id="bei">
															取消
														</a>
														<a href="#" class="btn btn-default btn-app radius-4" id="bei-blue">
															确认
														</a>
													</div>
												</div>
												
												<div style="clear: both;">

												</div>
											</div>
										</div>
										<!-- 到这结束 -->
										<!-- /.widget-main -->
									</div>
									<!-- /.widget-body -->
								</div>
							</div>
						</div>
						<!-- /.main-content -->

						<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
							<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
						</a>
					</div>

					<!-- /.main-container -->

					<!-- basic scripts -->

					<!--[if !IE]> -->
					<script src="../../assets/js/jquery-2.1.4.min.js"></script>

					<!-- <![endif]-->

					<!--[if IE]>
		<script src="../../assets/js/jquery-1.11.3.min.js"></script>
		<![endif]-->
					<script type="text/javascript">
						if('ontouchstart' in document.documentElement) document.write("<script src='../assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
					</script>
					<script src="../../assets/js/bootstrap.min.js"></script>

					<!-- page specific plugin scripts -->

					<!--[if lte IE 8]>
		<script src="../../assets/js/excanvas.min.js"></script>
		<![endif]-->
					<script src="../../assets/js/jquery-ui.custom.min.js"></script>
					<script src="../../assets/js/jquery.ui.touch-punch.min.js"></script>
					<script src="../../assets/js/jquery.easypiechart.min.js"></script>
					<script src="../../assets/js/jquery.sparkline.index.min.js"></script>
					<script src="../../assets/js/jquery.flot.min.js"></script>
					<script src="../../assets/js/jquery.flot.pie.min.js"></script>
					<script src="../../assets/js/jquery.flot.resize.min.js"></script>
					<script src="../../assets/js/bootbox.min.js"></script>

					<!-- ace scripts -->
					<script src="../../assets/js/ace-elements.min.js"></script>
					<script src="../../assets/js/ace.min.js"></script>
					<script src="../../assets/js/tabControl.js"></script>

					<!-- inline scripts related to this page -->
					<script type="text/javascript">
						var tabCtrl = new TabControl('#recent-tab', '#tab-content');

						jQuery(function($) {

							$('.menu-container .row>div').on('click', function() {
								tabCtrl.add({
									title: $(this).text(),
									name: 'this-is-id-' + $(this).text(),
									//						url: "xxx.html",
									content: '' +
										'<input type="text"/>' +
										'<button class="tab-reload">刷新tab</button>' +
										'<button class="tab-close">删除tab</button>',
									onLoadSuccess: function(tab) {
										$('.tab-reload').on('click', function() {
											tabCtrl.reload(tab);
										});

										$('.tab-close').on('click', function() {
											tabCtrl.close(tab);
										});
									}
								});
							});

							bootbox.setDefaults({
								locale: 'cn',
								animate: true,
								className: 'yzd-dialog'
							});
							$('.help-center').on('click', function() {
								bootbox.alert({
									size: "small",
									title: "Your Title",
									message: "Your message here…",
									callback: function() { /* your callback code */ }
								});
							});

							$('[data-rel=tooltip]').tooltip();
						})
					</script>
					

	</body>

</html>